| ... | ... | |
|---|
| 123 | 123 | || |
|---|
| 124 | 124 | ||<-2> 모서리 곡률 지정 || {{{border-radius=픽셀}}} ||이미지 파일의 모서리 곡률을 지정할 수 있는 문법입니다. || |
|---|
| 125 | 125 | ||<-2> 픽셀화 || {{{rendering=pixelated}}} ||비트맵 이미지는 자동으로 [[안티에일리어싱]]이 적용되어 나오는데, 이를 적용되지 않게 해 줍니다. 픽셀의 수가 적은 비트맵 이미지를 확대하면 이 [[안티에일리어싱]]으로 인해 이미지가 흐리게 나오는데, 이를 선명하게 표시하여야 할 때 유용한 속성입니다. || |
|---|
| 126 | | ||<-2><|5> 크기 맞춤 || {{{object-fit=fill}}} ||{{{#!wiki style="display: flex" |
|---|
| 127 | 127 | {{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content" |
|---|
| 128 | 128 | [[파일:로고1.png|width=120&height=120&object-fit=fill]] |
|---|
| ... | ... | |
|---|
| 158 | 158 | {{{원본: 200x100 |
|---|
| 159 | 159 | 매개변수: width=120&height=120&object-fit=scale-down |
|---|
| 160 | 160 | }}} none과 contain 중 크기가 작은 쪽으로 선택됩니다. 이미지 크기를 늘리지 않으면서 잘리지 않게 포함할 때 사용합니다.}}}}}} || |
|---|
| 126 | |
|---|
| 161 | 127 | }}} |
|---|
| 162 | 128 | 모바일에선 최대로 보이게 하려고 PC에서 파일의 너비를 최대로 하거나, PC에서 파일의 너비를 적절하게 설정했지만 모바일에선 가로로 슬라이드해서 이미지를 봐야 하는 상황을 막기 위해 다음과 같이 할 수 있습니다. |
|---|
| 163 | 129 | {{{||<width=숫자>[[파일:example.png|width=100%]]|| |
|---|
| ... | ... | |
|---|